>
<template>
  <div>
    <h1>{{ str }}</h1>
    <button @click="fn">点击反转</button>
  </div>
</template>

<script>
export default {
  //data 是一个函数，return出来一个对象。此对象里面的属性，可以当作vue变量使用。
  data() {
    return {
      str: '恕瑞玛，你们的皇帝回来了！',
    }
  },
  methods: {
    fn() {
        this.str=this.str.split("").reverse().join("")
    },
  },
}
</script>

<style></style>
